/* 字体形式 */
$list-font-style: (
    italic: italic,
);
/* 对齐 */
$list-font-align: (
    left: left,
    center: center,
    right: right,
);
/* 字体粗细 */
$list-font-weight: (
    bold: bold,
    normal: normal,
    lighter: lighter,
    bolder: bolder,
);

@each $key, $value in $list-font-style {
    .text-#{$key} {
        font-style: $value;
    }
}

@each $key, $value in $list-font-align {
    .text-#{$key} {
        text-align: $value;
    }
}

/* 文字粗细 */
@each $key, $value in $list-font-weight {
    .text-#{$key} {
        font-weight: $value;
    }
}

/* 生成文字大小 */
@for $var from 1 to 21 {
    .text-#{($var * 2) + 10} {
        font-size: $var * 2 + 10px;
    }
}

.text-10 {
    transform: scale(0.83);
}
.text-8 {
    transform: scale(0.66);
}
.text-6 {
    transform: scale(0.5);
}

$list-color: (
    red: var(--red),
    green: var(--green),
    blue: var(--blue),
    yellow: var(--yellow),
    orange: var(--orange),
    purple: var(--purple),
    gray: var(--gray),
    // white: var(--white),
    // black: var(--black),
    transparent: transparent,
);
$text-color-list: (2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e);
/* 生成text-aaa,text-999 */
@each $v in $text-color-list {
    .text-#{$v}#{$v}#{$v} {
        color: str-insert(#{$v}#{$v}#{$v}, "#", 0);
    }
}
@each $key, $value in $list-color {
    .text-#{$key} {
        color: $value;
    }
}

.text-selected {
    user-select: all;
}

.text-selected-none {
    user-select: none;
}

.text-wrap {
    white-space: wrap;
}

.text-nowrap {
    white-space: nowrap;
}

.text-white {
    color: white;
}

.text-black {
    color: #222;
}
